<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>Chocolate Milk</title>

<style type="text/css">
body
{
    font-family:sans;
    margin:2em 10em;
}
h1
{
    font-family:serif;
    font-variant:small-caps;
}
div.ingredients ul
{
    margin-left: 0;
    padding-left: 0;
}
div.ingredients li
{
    list-style:none;
}
div.instructions li:hover
{
    background-color:rgb(255,125,125);
}
</style>

</head>

<body>

<h1>Chocolate Milk</h1>

<div class="ingredients">
<h2>Ingredients</h2>

<ul>
<li>1 cup of milk</li>
<li>1 bottle of hershey's syrup</li>
</ul>
</div><!-- closes ingredients div -->

<div class="instructions">
<h2>Instructions</h2>
<ol>
<li>Pour the milk into a glass.</li>
<li>Squeeze the hershey's syrup bottle into the milk.</li>
<li>Use a spoon to stir the milk until it changes color.</li>
</ol>
</div><!-- closes instructions div -->

</body>

</html>
